<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description"
          content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    <meta name="author" content="Coderthemes">

    <link rel="shortcut icon" th:href="@{/images/favicon_1.ico}">

    <title>废油处置计划单</title>

<!--    <link th:href="@{/css/bootstrap-select.css}" rel="stylesheet" type="text/css">-->
<!--    <link th:href="@{/plugins/select2/dist/css/select2.css}" rel="stylesheet" type="text/css">-->
    <link th:href="@{/plugins/select2/dist/css/select2_new.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/core.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/icons.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/components.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/pages.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/menu.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/responsive.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/plugins/sweetalert/dist/sweetalert.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/modernizr.min.js}"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style>
        .mylable{
            font-size: 22px;
        }
        .page-title{
            font-size: 24px;
        }
        /*select下拉框字体大小*/
        .myFont{
            font-size:20px;
        }
        .select2{
            font-size:20px;
        }

    </style>

</head>


<body>
<!--未引入header模板，手动去掉了横向菜单项-->
<header id="topnav" th:fragment="topbar">
    <div class="topbar-main">
        <div class="container">

            <!-- LOGO -->
            <div class="topbar-left">
                <a th:href="#{/Login/toIndex}" class="logo"><i class="md md-terrain"></i>
                    <span>餐厨收运监管平台</span></a>
            </div>
            <!-- End Logo container-->


            <div class="menu-extras">

                <ul class="nav navbar-nav navbar-right pull-right">
                    <li class="dropdown user-box"><a href=""
                                                     class="dropdown-toggle waves-effect waves-light profile "
                                                     data-toggle="dropdown" aria-expanded="true"> <img
                            th:src="@{/images/users/avatar-1.jpg}" alt="user-img"
                            class="img-circle user-img">
                        <div class="user-status away">
                            <i class="zmdi zmdi-dot-circle"></i>
                        </div>
                    </a>

                        <ul class="dropdown-menu">
                            <li><a th:href="@{/Login/logOut}" id="logout"><i
                                    class="md md-settings-power" ></i> Logout</a></li>
                        </ul></li>
                </ul>
                <div class="menu-item">
                    <!-- Mobile menu toggle-->
                    <a class="navbar-toggle">
                        <div class="lines">
                            <span></span> <span></span> <span></span>
                        </div>
                    </a>
                    <!-- End mobile menu toggle-->
                </div>
            </div>

        </div>
    </div>
</header>

<!--删除了菜单，手动调整了wrapper样式-->
<div class="wrapper" style="margin-top: 80px;">
    <div class="container">

        <!-- Page-Title -->
        <!--删除了菜单，手动调整了row样式-->
        <div class="row">
            <!-- Basic example -->
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="page-title">废 油 计 划 单（商 家）</h4></div>


                    <div class="panel-body">
                        <form role="form" id="odreceiptform">
                            <div class="form-group">
                                <label class="mylable">商家名称</label>
                                <div>
                                    <select class="select2 form-control" id="name">
                                        <option disabled selected value style="height: 80px"></option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="mylable">商家区域</label>
                                <input type="text" class="form-control" id="area" placeholder="商家区域" readonly="readonly" style="font-size: 20px">
                            </div>

                            <div class="form-group">
                                <label class="mylable">商家产量（桶）</label>
                                <input type="text" class="form-control" id="weight" placeholder="商家产量" style="font-size: 20px">
                            </div>

                            <div class="form-group">
                                <label class="mylable">计划收运日期</label>
                                <div class="input-group">
                                    <input type="text" class="form-control"
                                           placeholder="点击填写日期" id="smdate" autocomplete="off" readonly="readonly" style="font-size: 20px">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="mylable">备注信息</label>
                                <textarea class="form-control" id="remark" placeholder="备注信息" style="resize: vertical;font-size: 20px"></textarea>
                            </div>
                            <button type="button" id="tjButton" class="btn btn-purple waves-effect waves-light">提 交</button>
                        </form>
                    </div><!-- panel-body -->
                </div> <!-- panel -->
            </div> <!-- col-->

        </div> <!-- End row -->


    </div>
    <!-- end container -->

</div>
<!-- end wrapper -->



<!-- jQuery  -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/detect.js}"></script>
<script th:src="@{/js/fastclick.js}"></script>
<script th:src="@{/js/jquery.blockUI.js}"></script>
<script th:src="@{/js/waves.js}"></script>
<script th:src="@{/js/wow.min.js}"></script>
<script th:src="@{/js/jquery.nicescroll.js}"></script>
<script th:src="@{/js/jquery.scrollTo.min.js}"></script>
<!-- App js -->
<script th:src="@{/js/jquery.app.js}"></script>
<!--<script th:src="@{/plugins/select2/dist/js/select2.min.js}" type="text/javascript"></script>-->
<script th:src="@{/plugins/select2/dist/js/select2_new.js}" type="text/javascript"></script>
<!--下拉框拼音检索-->
<script th:src="@{/plugins/select2/dist/js/pinyin.js}" type="text/javascript"></script>
<!-- Sweet-Alert  -->
<script th:src="@{/plugins/sweetalert/dist/sweetalert.min.js}"></script>
<script th:src="@{/pages/jquery.sweet-alert.init.js}"></script>

<script type="text/javascript" th:src="@{/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
<script th:src="@{/js/odreceipt/storeodreceipt.js}"></script>
<!--<script th:src="@{/common/bootstrap-select.min.js}"></script>-->
</body>
</html>